<%--
  Created by IntelliJ IDEA.
  User: kentandfanny
  Date: 2020/6/18
  Time: 18:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
    <%--整个页面Url请求的前缀 --%>
    <base href="<%=basePath%>">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="webkit">
    <title>众筹中原管理系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <link rel="stylesheet" href="css/login/login1.css">

    <link rel="stylesheet" href="css/login/login2.css">

    <link rel="stylesheet" href="css/login/login3.css">

    <link rel="stylesheet" href="css/login/layui.css">

    <style>
        .cke {
            visibility: hidden;
        }

        input:-webkit-autofill {
            　　 -webkit-box-shadow: 0 0 0 400px #E8ECED inset;
        }
    </style>
    <link id="layuicss-layer" rel="stylesheet" href="css/login/layer.css" media="all"></head>
<body>

<div class="login-container full-height">

    <!-- 动态云层动画 开始 -->
    <div class="clouds-container">
        <div class="clouds clouds-footer"></div>
        <div class="clouds"></div>
        <div class="clouds clouds-fast"></div>
    </div>
    <!-- 动态云层动画 结束 -->

    <!-- 顶部导航条 开始 -->
    <div class="header">
			<span class="title notselect"> 众筹中原网后台管理系统 <sup>0.99 test</sup>
			</span>
        <ul>
            <li class="notselect"><a href="javascript:void(0)" target="_blank"></a></li>
        </ul>
    </div>
    <!-- 顶部导航条 结束 -->

    <!-- 页面表单主体 开始 -->
    <div class="container" style="top:50%;margin-top:-300px">
        <form action="login/doLogin" method="post" class="content layui-form animated fadeInDown">
            <div class="people">
                <div class="tou"></div>

                <div id="left-hander" class="transition initial_left_hand"></div>
                <div id="right-hander" class="transition initial_right_hand"></div>

            </div>
            <ul style="margin-top:-15px;">
                <li><input id="loginName" required="required" pattern="^\S{1,}$" value="" name="loginName" autofocus="autofocus" autocomplete="off" class="login-input username" title="" placeholder="请输入用户名"></li>
                <li style="margin-top:-10px;"><input id="loginPassword" required="required" pattern="^\S{6,}$" value="" name="loginPassword" type="password" autocomplete="off" class="login-input password" title="请输入6位及以上的字符" placeholder="请输入密码"></li>
                <div class="layui-form-item" style="margin-top:-10px;">
                    <input type="text" name="verifyCode" required="required" pattern="^\S{4,}$" placeholder="请输入验证码" autocomplete="off" class="layui-input" style="width:220px;"> <a onclick="code();"> <img id="img" src="login/verify" style="position: relative;top:-38px;left:240px">
                </a>
                </div>
                <li class="text-center" style="margin-top:-35px;">
                    <button type="submit" class="layui-btn">立 即 登 入</button> <!--<a style="position:absolute;display:block;right:0" href="javascript:void(0)">忘记密码？</a>-->
                    <span style="color:red;font-size:13px;" id="msg">${msg}</span>
                </li>
            </ul>

        </form>
    </div>
    <!-- 页面表单主体 结束 -->

    <!-- 底部版权信息 开始 -->
    <div class="footer notselect">------ 神农山一队精英 -------</div>
    <!-- 底部版本信息 结束 -->

</div>
<script type="text/javascript" src="js/layui/layui.js"></script>
<script type="text/javascript" src="js/login/jquery-2.1.4.js"></script>
<script type="text/javascript">
    /*更新验证码*/
    function code(){
        $("#img").attr("src",'login/verify?hh='+Math.random());
    }
    layui.use(["layer", "form", "element"], function(){
        var $ = layui.jquery;
        var layer = layui.layer;
        $("#password").focus(function () {          //文本框获取焦点事件
            $("#left-hander").removeClass("initial_left_hand").addClass("left_hand");
            $("#right-hander").removeClass("initial_right_hand").addClass("right_hand");
        });
        $("#password").blur(function () {           //文本框丢失焦点事件
            $("#left-hander").removeClass("left_hand").addClass("initial_left_hand");
            $("#right-hander").removeClass("right_hand").addClass("initial_right_hand");
        });
    });

    $(function(){
        $("#loginName").bind("keyup",function(){
            $("#msg").html("");
        });
        $("#loginPassword").bind("keyup",function(){
            $("#msg").html("");
        });
    });
</script>
<%--<div class="xl-chrome-ext-bar" id="xl_chrome_ext_{4DB361DE-01F7-4376-B494-639E489D19ED}" style="display: none;">
    <div class="xl-chrome-ext-bar__logo"></div>

    <a id="xl_chrome_ext_download" href="javascript:;" class="xl-chrome-ext-bar__option"></a>
    <a id="xl_chrome_ext_close" href="javascript:;" class="xl-chrome-ext-bar__close"></a>--%>
</div>
</body>
</html>